<%-- 
    Document   : pensum
    Created on : 14-jun-2012, 9:56:56
    Author     : Administrador
--%>

<%@page import="com.javabeans.Pensum"%>
<%@page import="com.javabeans.Carrera"%>
<%@page import="com.javabeans.Gestion"%>
<%@include file="../../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    int i = 0;
    Carrera carrera = (Carrera)request.getAttribute("carrera");
    Pensum pensum = (Pensum)request.getAttribute("pensum");
    List<Pensum> pensumAnteriores = (List<Pensum>)request.getAttribute("pensumAnteriores");
    List<Gestion> gestiones = (List<Gestion>)request.getAttribute("gestionesVigentes");
    List<Gestion> gestionesYearBack = (List<Gestion>)request.getAttribute("gestionesYearBack");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.effects.core.min.js"></script>
        
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript">
            
            <%
                out.println(" gestiones = new Array();");                 
            %>
            
            $(document).ready(function(){
                $("#dialogo").dialog({
                    autoOpen: false,
                    title: "Formulario Gesti&oacute;n",
                    height: 300,
                    width: 550,
                    modal: true,
                    buttons: {
                        "Aceptar": function() {
                            var flag = $("#formPensum").valid();
                            if(flag){
                                $.ajax({
                                    type: 'POST',
                                    url: 'Administracion',
                                    data: $('#formPensum').serialize(),
                                    success: function(res){
                                        $('#content').html(res);
                                    },
                                    error:function(){alert("Error! al registrar el pensum.")}
                                });
                                $( this ).dialog( "close" );
                            }
                        },
                        Cancelar: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        // implementar lo que convenga
                    }
		});
                
               // boton add departamento
               $.fn.addPensum = function(){
                   if($('#noExisteVig').length){ // no existe vigente
                        $('#formPensum').each(function(){
                            this.reset();
                        });
                        resetGestIni();
                        resetGestFin();
                        $("#numMaterias").val("");
                        $("#titleForm").text("Nuevo Pensum");
                        $("#accion").val("108");
                        $( "#dialog:ui-dialog" ).dialog( "destroy" );
                        $( "#dialogo" ).dialog( "open" );
                   }else{
                       alert("No puede crear un nuevo pensum. Existe una vigente");
                   }
               }
               
               // modificar unidad académica
                $.fn.editar = function(idPensum,idGestionIni,idGestionFin,numMaterias){
                    $("#titleForm").text("Modificar Pensum");
                    $("#accion").val("109");
                    $("#idPensum").val(idPensum);
                    $("#idGestionIni option").each(function(){
                        if($(this).attr('value') == idGestionIni)
                            $(this).attr('selected','true');
                    });
                    $("#idGestionFin option").each(function(){
                        if($(this).attr('value') == idGestionFin)
                            $(this).attr('selected','true');
                    });
                    $("#numMaterias").val(numMaterias);
                    $( "#dialog:ui-dialog" ).dialog("destroy");
                    $("#dialogo").dialog("open");
                }
                
                // baja unidad académica
                $.fn.darBaja = function(idPensum,idGestionFin){
                    if(idGestionFin != 0){
                        if(confirm("¿Estas seguro de dar de baja el pensum?")){
                            idCarrera = $("#idCarrera").val();
                            $.ajax({
                                url: "Administracion",
                                type: "GET",
                                data:{ accion:110, idPensum:idPensum, idCarrera:idCarrera},
                                success:function(res){
                                    $('#content').html(res);
                                },
                                error: function(res){ alert("Error! al dar de baja el pensum."); }
                            });
                        }
                    }else{
                        alert("Antes de dar de baja, debe modificar la gestion final de INDEFINIDO a una gesti&oacute;n.");
                    }
                }
                
                // alta unidad académica
                $.fn.darAlta = function(idCarrera,nombre){
                    if(confirm("¿Esta seguro de dar de Alta la especialidad ''"+nombre+"'', con sus respectivos dependencias de materias?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:94 , idCarrera:idCarrera, nombre:nombre },
                            success:function(res){
                                $('#listCarreras').html(res);
                            },
                            error: function(res){ alert("Error! al dar de alta la especialidad."); }
                        });
                    }
                }
                
                $.fn.verPlanEstudio = function(idCarrera,idPensum){
                    location.href = "Administracion?accion=111&idCarrera="+idCarrera+"&idPensum="+idPensum;
                }
                
            });
            
            function resetGestIni(){
                document.getElementById("idGestionIni").selectedIndex = 0;
            }
            function resetGestFin(){
                document.getElementById("idGestionFin").selectedIndex = 0;
            }
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../../head.jsp" %>

            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="<%=s_path%>/principal.jsp">Home</a></li>
                            <li><span style="color:#666">Administraci&oacute;n</span></li>
                            <li><span style="color:#666">Administraci&oacute;n Acad&eacute;mico</span></li>
                            <li><span style="color:#666">Especialidad</span></li>
                            <li class="current-page"><span class="end"><span class="middle">Admininstraci&oacute;n Pensum</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2" style="border: 0px solid">
                        <div class="izq" style="border: 0px solid">
                            <%@include file="../../../../bodyIzq.jsp" %>
                        </div>
                        <div class="der" style="border: 0px solid"> 
                            <center>
                            <div id="content">
                            <table class="miReporte" style="width: 100%">
                                <tr>
                                    <td style="text-align: right"><input type="button" class="boton" value="Nuevo Pensum" onclick="$.fn.addPensum()"/></td>
                                </tr>
                            </table>
                            <table class="tabla_decorado" style="width: 100%">
                                <thead>
                                    <tr>
                                        <th width="5%" class="th_decoradoRowspan" colspan="8">PENSUM VIGENTE DE LA ESPECIALIDAD <%=carrera.getNombre()%></th>
                                    </tr>
                                    <tr>
                                        <th width="5%" class="th_decoradoRowspan">MATERIAS</th>
                                        <th width="25%" class="th_decoradoRowspan">GESTION INICIO</th>
                                        <th width="10%" class="th_decoradoRowspan">A&Ntilde;O</th>
                                        <th width="25%" class="th_decoradoRowspan">GESTION FIN</th>
                                        <th width="10%" class="th_decoradoRowspan">A&Ntilde;O</th>
                                        <th width="25%" class="th_decoradoRowspan" colspan="3">ACCIONES</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <% if(pensum.getIdPensum() != 0){%>
                                    <tr class="tr_decorado">
                                        <td class="th_decorado" style="text-align: center"><%=pensum.getNumMaterias()%></td>
                                        <td class="th_decorado"><%=pensum.getGestionIni().getNombre()%></td>
                                        <td class="th_decorado"><%=pensum.getGestionIni().getYear()%></td>
                                        <td class="th_decorado"><%=pensum.getGestionFin().getNombre()%></td>
                                        <td class="th_decorado"><%=pensum.getGestionFin().getYear()%></td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Plan de Estudios" onclick="$.fn.verPlanEstudio(<%=pensum.getIdCarrera()%>,<%=pensum.getIdPensum()%>)" class="botonRep" title="Pulsa aqui para ver el plan de estudio."/>
                                        </td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Editar" onclick="$.fn.editar(<%=pensum.getIdPensum()%>,<%=pensum.getIdGestionIni()%>,<%=pensum.getIdGestionFin()%>,<%=pensum.getNumMaterias()%>)" class="botonRep" title="Pulsa aqui para modificar el pensum"/>
                                        </td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Dar Baja" onClick="$.fn.darBaja(<%=pensum.getIdPensum()%>,<%=pensum.getIdGestionFin()%>)" class="botonRep" title="Pulsa aqui para dar de baja el pensum"/>
                                        </td>
                                    </tr>
                                 <%}else{
                                        out.write("<tr class='tr_decorado'>");
                                        out.write("     <td class='td_decorado' colspan='8' style='text-align:center'><span style='color:red'>No existe pensum vigente para la especialidad ''"+carrera.getNombre()+"''!</span></td>");
                                        out.write("</tr>");
                                        out.write("<input type='hidden' name='noExisteVig' id='noExisteVig' value='false'/>");
                                    }
                                    %>   
                                </tbody>
                            </table>
                        <%
                            if(pensumAnteriores.size() > 0){
                        %>    
                            <!-- para mostrar bajas --><br/>
                                <h2 class="decorado">Pensum inactivos de la especialidad <%=carrera.getNombre()%></h2>
                                <table class="tabla_decorado" style="width: 100%">
                                    <thead>
                                        <tr><!--  -->
                                            <tr><!--  -->
                                                <th width="10%" class="th_decoradoRowspan">NUM. MATERIAS</th>
                                                <th width="30%" class="th_decoradoRowspan">GESTION INICIO</th>
                                                <th width="10%" class="th_decoradoRowspan">A&Ntilde;O</th>
                                                <th width="30%" class="th_decoradoRowspan">GESTI&Oacute;N FIN</th>
                                                <th width="10%" class="th_decoradoRowspan">A&Ntilde;O</th>
                                                <th width="10%" class="th_decoradoRowspan" >ACCIONES</th>
                                            </tr>
                                        </tr>
                                    </thead>
                                    <tbody>
                                <%
                                    for(Pensum p : pensumAnteriores){
                                %>          
                                        <tr class="tr_decorado">
                                            <td class="th_decorado" style="text-align: center"><%=p.getNumMaterias()%></td>
                                            <td class="th_decorado"><%=p.getGestionIni().getNombre()%></td>
                                            <td class="th_decorado"><%=p.getGestionIni().getYear()%></td>
                                            <td class="th_decorado"><%=p.getGestionFin().getNombre()%></td>
                                            <td class="th_decorado"><%=p.getGestionFin().getYear()%></td>
                                            <td class="td_decoradoDerecha" style="text-align: center">
                                                <input type="button" value="Plan de Estudios" onclick="$.fn.verPlanEstudio(<%=p.getIdCarrera()%>)" class="botonRep" title="Pulsa aqui para ver el plan de estudio."/>
                                            </td>
                                        </tr>
                                <%  
                                    }
                                %>
                                    </tbody>
                                </table>
                            <%} // fin pensumAnteriores > 0 %>
                            
                            </div> <!-- End id="content" -->
                                
                            <div id="dialogo"><br/>
                                <h2 class="decorado" id="titleForm"></h2><br/>
                                <form id="formPensum">
                                    <input type="hidden" name="accion" id="accion" value="0" />
                                    <input type="hidden" name="idCarrera" id="idCarrera" value="<%=carrera.getIdCarrera()%>" />
                                    <input type="hidden" name="idPensum" id="idPensum" value="0" />
                                    <!-- <div class="error" style="clear:left;text-align:center;"><span></span></div> --> <!-- CONTADOR DE ERRORES -->
                                    <div style="clear:both;">
                                        <label class="form_align30">Gesti&oacute;n Inicio: </label>
                                        <select name="idGestionIni" id="idGestionIni" class="required form_input_align" title="Seleccione una gesti&oacute;n!">
                                            <option value="">Seleccione</option>
                                        <%
                                            for(Gestion g:gestiones){
                                                out.println("<option value='"+g.getIdGestion()+"'>"+g.getNombre()+"</option>");
                                            }
                                        %>
                                        </select>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align30">Gesti&oacute;n Fin: </label>
                                        <select name="idGestionFin" id="idGestionFin" class="required form_input_align" title="Seleccione fin de la gesti&oacute;n!">
                                            <option value="">Seleccione</option>
                                        <%
                                            i=0;
                                            for(Gestion g:gestionesYearBack){
                                                out.println("<option value='"+g.getIdGestion()+"'>"+g.getNombre()+"</option>");
                                                i++;
                                            }
                                            if(i > 0)
                                                out.println("<option value='0'>INDEFINIDO</option>");
                                        %>
                                        </select>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align30" >Cantidad de Materias: </label>
                                        <input type="text" name="numMaterias" id="numMaterias" value="" class="required form_input_align" title="Ingrese Sigla de la especialidad" maxlength="2" size="5"/>
                                        <label class="error">*</label>
                                    </div>
                                </form>
                            </div> <!-- FIN DIV id="dialogo" -->
                            </center>
                            
                        </div> <!-- class='der' -->
                    </div><!--end of leftPan-->
                    
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->

        </div>
    </body>
</html>